<template>
    <div class="content">
        <Back></Back>
		<Battery></Battery>
		<Title v-bind:hasHelp="false" v-bind:title="'1111'"></Title>
        <div class="spare-a">
			<div class="spare-al" v-show="slist">
				<div style="height:10px"></div>
				<ul>
					<a><router-link tag="li" to="/record/note"><p>注释管理</p></router-link></a>
					<a><router-link tag="li" to="/record/marker"><p>书签管理</p></router-link></a>
				</ul>
			</div>
			<router-view ></router-view>
		</div>
    </div>
</template>

<script>
import Battery from "@/components/Battery";
import Title from "@/components/Title";
import Back from '@/components/Back'
export default {
    name:"record",
    data() {
        return {
        medias: [],
        name:'',
        url:'',
        title:'',
		flag:true,
		slist:true // 何时展示左侧菜单
        }
    },
    components:{
        Battery,
	    Title,
        Back
    },
    methods:{
		 getPath(){
			 console.log(this.$route.path)
			if(this.$route.path=='/record/markerEdit')
			{
				this.slist = false
			}
			if(this.$route.path=='/record/marker')
			{
				this.slist = true
			}
		}
	},       
    created(){
       
	},
	watch:{
		 '$route':'getPath'
	}
};
</script>
<style scoped>
@import url('../../assets/css/content.css');
@import url('../../assets/css/animation.css');
</style>